import Vue from "vue"
import VueRouter from "vue-router"
import Home from "../views/Home.vue"

Vue.use(VueRouter)

const routes = [
    {
        path: "/",
        name: "Home",
        component: Home
    },
    {
        path: "/about",
        name: "About",
        // route level code-splitting
        // this generates a separate chunk (about.[hash].js) for this route
        // which is lazy-loaded when the route is visited.
        component: () => import(/* webpackChunkName: "about" */ "../views/About.vue")
    },
    {
        path: "/login",
        name: "login",
        component: () => import("../views/login/Login.vue")
    },
    {
        path: "/nav",
        name: "nav",
        component: () => import("../views/nav/Nav.vue")
    },
    {
        path: "/nav2",
        name: "nav2",
        component: () => import("../views/nav/Nav2.vue")
    },
    {
        path: "/menu",
        name: "menu",
        component: () => import("../views/menu/Menu.vue")
    },
]

const router = new VueRouter({
    mode: "history",
    base: process.env.BASE_URL,
    routes
})

export default router
